.app-container {
    display: flex;
    padding: 20px;
}

.faq-section {
    flex: 1;
    margin-right: 20px;
    padding: 20px;
    border: 1px solid #ddd;
}

.message-section {
    flex: 1;
    padding: 20px;
    border: 1px solid #ddd;
}

.faq-item {
    margin: 10px 0;
}

.faq-question {
    cursor: pointer;
    font-weight: bold;
    color: #007bff;
}

.faq-answer {
    margin-top: 5px;
}

.response {
    margin-top: 20px;
    color: green;
}

.smart-reply {
    cursor: pointer;
    color: #007bff;
    margin: 5px 0;
}
.app-container {
    display: flex;
    padding: 20px;
}

.faq-section {
    flex: 1;
    margin-right: 20px;
    padding: 20px;
    border: 1px solid #ddd;
}

.message-section {
    flex: 1;
    padding: 20px;
    border: 1px solid #ddd;
}

.messages {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 10px;
}

.message {
    margin: 5px 0;
}

.user-message {
    color: green;
}

.assistant-message {
    color: blue;
}

input {
    width: 70%;
    padding: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
}

button {
    padding: 10px 15px;
}
.qwe{
    margin-top: 70px;
}